<template>
    <h2>爷爷在此</h2>
    <input type="text" v-model="myName" />
    <hr>
    <ChildB></ChildB>
</template>

<script setup>
import { provide, ref } from 'vue'
import ChildB from '../components/ChildB.vue'

const myName = ref("前端老兵")

// 提供数据，供应数据
provide("ginfo", "我是爷爷的传家信息");
// 供应一个响应式数据，注意这里不需要加 value 因为需要传递的是响应式数据信息
provide("myName", myName);
</script>

<style lang="scss" scoped>

</style>